<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_LCSb00',
'ZY_PeiXunFuWu_1',
'ZY_GuanLiTiXiNeiShen_2',
'img_HxZ433',
'ZY_ZhengCeFaGuiJie_4',
'ZY_GuoJiaZuiXinXingYe_5',
'img_ptIUk6',
'ZY_RenZhengBiaoZhunPeiXun_7',
'ZY_ZhiLiangGuanLiTiXi_8',
'img_Bnr5A9',
'ZY_NeiShenYuanPeiXun_10',
'ZY_11_11',
'img_yVjQ812',
'ZY_QiTaPeiXun_13',
'ZY_YingDuiShiDaiFaZhan_14',
'img_BA$MY15',
'ZY_DingZhiPeiXun_16',
'ZY_XiErFanRenZhengJian_17',
'ZY_XiangMuGuanLi_18',
'ZY_LiuChengYouHua_19',
'ZY_ZhiLiangGuanLiTiXi_20',
'ZY_HuanJingGuanLiTiXi_21',
'ZY_ZhiYeJianKangAnQuan_22',
'ZY_ZhengShu_23',
'img_mQV1024',
'ZY_GangYinZiGeZhengShu_25',
'img_HahYm26',
'ZY_KaoHeFaZheng_27',
'ZY_YanGeAnZhaoGuoJia_28',
'ZY_PeiXunLiuCheng_29',
'ZY_30_30',
'ZY_BaoMing_31',
'ZY_32_32',
'ZY_ZhiFuFeiYong_33',
'ZY_34_34',
'ZY_ZiLiaoXiaZai_35',
'ZY_36_36',
'ZY_JiZhongXueXi_37',
'ZY_38_38',
'ZY_ZaiXianKaoShi_39',
'ZY_40_40',
'ZY_KaoShiHeGe_41',
'ZY_42_42',
'ZY_BanFaZhengShu_43',
'ZY_BaoMingZiLiao_44',
'ZY_XueYuanYaoTiGongDe_45',
'ZY_46_46',
'ZY_DianZiXiangPianShen_47',
'ZY_48_48',
'img_cAGZR44',
'img_XYnCc45',
'img_xpIDR46',
'img_d0$N747',
'img_qQp0f48',
'img_qDVv$49',
'img_rO2dc50',
'ZY_ShouJianDiZhiDian_49'"></cms:ads>
<!doctype html>
<!-- 培训服务 -->
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/css/animate.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/swiper-bundle.min.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/iconfont.css"> 
  <style>.box .training-course{ margin-top: 32px; } .box .training-course .item{ width: 100%; padding: 24px 15px; background: #FFFFFF; box-sizing: border-box; transition: all 1s; display: flex; flex-direction: column; } .box .training-course .item:not(:first-child){ margin-top: 12px; } .box .training-course .item:hover span{ display: block; font-size: 14px; line-height: 18px; color: #666666; margin-top: 24px; } .box .training-course .item img{ width: 100px; height: 60px; margin-right: 15px; } .box .training-course .item p{ font-size: 14px; } .box .img-warp{ width: 100%; } .box .img-warp img{ width: 100%; } .box .text-warp{ margin-top: 32px; } .box .text-warp .text{ font-size: 14px; line-height: 18px; color: #666666; } .box-bg2{ background: url(https://hwfile.csxuncong.com/xrfrz/new/mobile/images/train-bg1.png) no-repeat; background-size: 100% 100%; } .certificate-content{ margin-top: 32px; } .certificate-content img{ width: 40%; } .certificate-content p{ font-size: 14px; line-height: 18px; color: #FFFFFF; margin-top: 32px; } .process-list{ width: 100%; margin-top: 12px; position: relative; } .process-list .item{ width: 33%; text-align: center; z-index: 9; margin-top: 20px; } .process-list .item .item-bg{ width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(176deg, #0EA8EE 0%, #409EFF 100%); color: #FFFFFF; font-size: 16px; box-sizing: border-box; } .process-list .item p{ font-size: 14px; margin-top: 5px; } .box-bg3{ background: url(https://hwfile.csxuncong.com/xrfrz/new/mobile/images/train-bg2.png) no-repeat; background-size: 100% 100%; } .training-process p{ font-size: 14px; line-height: 18px; color: #FFFFFF; } .training-process .info-warp{ margin-top: 18px; } .training-process .info-warp .serial-num{ font-size: 12px; color: #FFFFFF; background: #0EA8EE; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
    .certificate-content{
        margin-top: 20px;
        position: relative;
    }
    .certificate-content .swiper-btn-warp{
        width: 100%;
        position: absolute;
        bottom: 10px;
    }
    /* 清除默认样式 */
    .swiper-button-prev:after{
        display: none;
    }
    .swiper-button-next:after{
        display: none;
    }
    /*自定义样式*/
    .swiper-button-prev{
        width: 30px;
        height: 30px;
        background: url('https://hwfile.csxuncong.com/xrfrz/new/mobile/images/leftBtn.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-button-next{
        width: 30px;
        height: 30px;
        background:url('https://hwfile.csxuncong.com/xrfrz/new/mobile/images/rightBtn.png') no-repeat;
        background-size: 100% 100%;
    }
    .certificate-content .swiper-slide{
        width: 150px;
    }
    .certificate-content .swiper-slide img{
        width: 100%;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }
</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="image-warp"> 
   <img src="${img_LCSb00.adImg}" class="img zy" data-type="ad" data-id="${img_LCSb00.adId}"> 
   <div class="page-name"> 
    <h2 class="zy" data-type="ad" data-id="${ZY_PeiXunFuWu_1.adId}">${ZY_PeiXunFuWu_1.adTitle}</h2> 
   </div> 
  </div> 
  <div class="box gray-bg"> 
   <h2 class="title zy" data-type="ad" data-id="${ZY_GuanLiTiXiNeiShen_2.adId}">${ZY_GuanLiTiXiNeiShen_2.adTitle}</h2>
   <div class="training-course">
    <div class="item">
     <div class="flex align-center">
      <img src="https://hwfile.csxuncong.com/xrfrz/new/mobile/images/training-course1.png" >
      <p>政策、法规解析</p>
     </div>
     <span class="none">国家最新行业政策、法规重点解读、深度解析，提高客户政策、法规标准应用水平</span>
    </div>
    <div class="item">
     <div class="flex align-center">
      <img src="https://hwfile.csxuncong.com/xrfrz/new/mobile/images/training-course2.png" >
      <p>认证标准培训</p>
     </div>
     <span class="none">质量管理体系、环境管理体系、职业健康安全管理体系、能源管理体系、产品认证、服务认证、绿色低碳认证等。</span>
    </div>
    <div class="item">
     <div class="flex align-center">
      <img src="https://hwfile.csxuncong.com/xrfrz/new/mobile/images/training-course3.png" >
      <p>内审员培训</p>
     </div>
     <span class="none">RB/T214、GB/T27025、GB/T27043、GB/T19001、GB/T23331等管理体系内审员及产品认证内审员培训，以满足机构正常开展管理体系内部审核的需要</span>
    </div>
    <div class="item">
     <div class="flex align-center">
      <img src="https://hwfile.csxuncong.com/xrfrz/new/mobile/images/training-course4.png" >
      <p>其他培训</p>
     </div>
     <span class="none">应对时代发展，满足国家、行业及企业发展需求，充分整合内外部资源，为客户提供包括战略管理、团队建设、内部控制与风险管控、工业化与信息化管理</span>
    </div>
   </div>
  </div> 
  <div class="box"> 
   <div class="img-warp"> 
    <img src="${img_BA$MY15.adImg}" class="zy" data-type="ad" data-id="${img_BA$MY15.adId}"> 
   </div> 
   <div class="text-warp"> 
    <h2 class="title zy" data-type="ad" data-id="${ZY_DingZhiPeiXun_16.adId}">${ZY_DingZhiPeiXun_16.adTitle}</h2> 
    <p class="text zy" data-type="ad" data-id="${ZY_XiErFanRenZhengJian_17.adId}">${ZY_XiErFanRenZhengJian_17.adTitle}</p> 
    <div class="content-row"> 
     <div class="spot"></div> 
     <p class="zy" data-type="ad" data-id="${ZY_XiangMuGuanLi_18.adId}">${ZY_XiangMuGuanLi_18.adTitle}</p> 
    </div> 
    <div class="content-row"> 
     <div class="spot"></div> 
     <p class="zy" data-type="ad" data-id="${ZY_LiuChengYouHua_19.adId}">${ZY_LiuChengYouHua_19.adTitle}</p> 
    </div> 
    <div class="content-row"> 
     <div class="spot"></div> 
     <p class="zy" data-type="ad" data-id="${ZY_ZhiLiangGuanLiTiXi_20.adId}">${ZY_ZhiLiangGuanLiTiXi_20.adTitle}</p> 
    </div> 
    <div class="content-row"> 
     <div class="spot"></div> 
     <p class="zy" data-type="ad" data-id="${ZY_HuanJingGuanLiTiXi_21.adId}">${ZY_HuanJingGuanLiTiXi_21.adTitle}</p> 
    </div> 
    <div class="content-row"> 
     <div class="spot"></div> 
     <p class="zy" data-type="ad" data-id="${ZY_ZhiYeJianKangAnQuan_22.adId}">${ZY_ZhiYeJianKangAnQuan_22.adTitle}</p> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg2"> 
   <h2 class="title white zy" data-type="ad" data-id="${ZY_ZhengShu_23.adId}">${ZY_ZhengShu_23.adTitle}</h2> 
   <!-- <div class="certificate-content flex align-center space-around"> 
    <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/07820ddfc26a40b6ac1defb4c3b7360e8606ca117e0e4453b1964ca756ccaa3e.jpg" class="zy">  
   </div>  -->
   <div class="certificate-content"> 
    <div class="swiper mySwiper"> 
     <div class="swiper-wrapper"> 
      <div class="swiper-slide"> 
       <img src="${img_cAGZR44.adImg}" class="img zy" data-type="ad" data-id="${img_cAGZR44.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_XYnCc45.adImg}" class="img zy" data-type="ad" data-id="${img_XYnCc45.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_d0$N747.adImg}" class="img zy" data-type="ad" data-id="${img_d0$N747.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_qQp0f48.adImg}" class="img zy" data-type="ad" data-id="${img_qQp0f48.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_qDVv$49.adImg}" class="img zy" data-type="ad" data-id="${img_qDVv$49.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_rO2dc50.adImg}" class="img zy" data-type="ad" data-id="${img_rO2dc50.adId}"> 
      </div> 
    <div class="swiper-slide">
     <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9bbc7d8764474d7bb0ccd27ce4209505abc0423d56da4335876f011f965bbef2.jpg" class="img zy"> 
    </div> 
    <div class="swiper-slide"> 
     <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9464716ef60743ba8f7eea0c0c83aa4df4386214a2234a279b61070662ced6b2.jpg" class="img zy"> 
    </div> 
     </div> 
    </div> 
    <div class="swiper-btn-warp"> 
     <div class="swiper-button-next"></div> 
     <div class="swiper-button-prev"></div> 
    </div> 
   </div>
  </div> 
  <div class="box zs"> 
   <!-- <div class="img-warp"> 
    <img src="${img_HahYm26.adImg}" class="zy" data-type="ad" data-id="${img_HahYm26.adId}"> 
   </div>  -->
   <div class="img-warp">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/1.JPG" class="img">
                </div>
                <div class="swiper-slide">
                    <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/2.JPG" class="img">
                </div>
                <div class="swiper-slide">
                    <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/3.JPG" class="img">
                </div>
                <div class="swiper-slide">
                    <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/4.JPG" class="img">
                </div>
                <div class="swiper-slide">
                    <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/5.JPG" class="img">
                </div>
                <div class="swiper-slide">
                    <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/6.JPG" class="img">
                </div>
                <div class="swiper-slide">
                    <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/7.JPG" class="img">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
   </div>
   <div class="text-warp"> 
    <h2 class="title zy" data-type="ad" data-id="${ZY_KaoHeFaZheng_27.adId}">${ZY_KaoHeFaZheng_27.adTitle}</h2> 
    <p class="text text-center zy" data-type="ad" data-id="${ZY_YanGeAnZhaoGuoJia_28.adId}">${ZY_YanGeAnZhaoGuoJia_28.adTitle}</p> 
   </div> 
  </div> 
  <div class="box gray-bg"> 
   <h2 class="title zy" data-type="ad" data-id="${ZY_PeiXunLiuCheng_29.adId}">${ZY_PeiXunLiuCheng_29.adTitle}</h2> 
   <div class="process-list flex flex-wrap space-center"> 
    <div class="item flex flex-column align-center"> 
     <div class="item-bg flex align-center space-center"> 
      <span class="zy" data-type="ad" data-id="${ZY_30_30.adId}">${ZY_30_30.adTitle}</span> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_BaoMing_31.adId}">${ZY_BaoMing_31.adTitle}</p> 
    </div> 
    <div class="item flex flex-column align-center"> 
     <div class="item-bg flex align-center space-center"> 
      <span class="zy" data-type="ad" data-id="${ZY_32_32.adId}">${ZY_32_32.adTitle}</span> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_ZhiFuFeiYong_33.adId}">${ZY_ZhiFuFeiYong_33.adTitle}</p> 
    </div> 
    <div class="item flex flex-column align-center"> 
     <div class="item-bg flex align-center space-center"> 
      <span class="zy" data-type="ad" data-id="${ZY_34_34.adId}">${ZY_34_34.adTitle}</span> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_ZiLiaoXiaZai_35.adId}">${ZY_ZiLiaoXiaZai_35.adTitle}</p> 
    </div> 
    <div class="item flex flex-column align-center"> 
     <div class="item-bg flex align-center space-center"> 
      <span class="zy" data-type="ad" data-id="${ZY_36_36.adId}">${ZY_36_36.adTitle}</span> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_JiZhongXueXi_37.adId}">${ZY_JiZhongXueXi_37.adTitle}</p> 
    </div> 
    <div class="item flex flex-column align-center"> 
     <div class="item-bg flex align-center space-center"> 
      <span class="zy" data-type="ad" data-id="${ZY_40_40.adId}">${ZY_40_40.adTitle}</span> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_KaoShiHeGe_41.adId}">${ZY_KaoShiHeGe_41.adTitle}</p> 
    </div>
    <div class="item flex flex-column align-center"> 
     <div class="item-bg flex align-center space-center"> 
      <span class="zy" data-type="ad" data-id="${ZY_42_42.adId}">${ZY_42_42.adTitle}</span> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_BanFaZhengShu_43.adId}">${ZY_BanFaZhengShu_43.adTitle}</p> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg3">
   <div class="training-process">
    <h2 class="title text-left white">报名资料</h2>
    <p class="text">学员要提供的资料：</p>
    <div class="info-warp flex align-center">
     <div class="serial-num">1</div>
     <p>电子相片，身份证扫描件，学历证明扫描件（没有可不提供）</p>
    </div>
    <div class="info-warp flex align-center">
     <div class="serial-num">2</div>
     <p>收件地址，电话，联系人，邮编，报考体系</p>
    </div>
   </div>
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/swiper-bundle.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/wow.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/js/jquery.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/common.js"></script>   
  <script>
      var swiper = new Swiper('.certificate-content .mySwiper', {
            speed:1000,   //滑动速度
            loop:true,    //循环
            loopedSlides: 3,  //循环个数
            centeredSlides : true,   //活动滑块居中
            slidesPerView: 3,   //显示slide数量
            spaceBetween: 0,   //slide之间的距离
            // autoplay : true,
            effect: 'coverflow',
            coverflowEffect: {
                rotate: 0,
                stretch: 200,
                depth: 100,
                modifier: 1,
                slideShadows: false,
            },
            grabCursor: true,
            navigation: {
                nextEl: ".swiper-button-prev",
                prevEl: ".swiper-button-next",
            },
        });
        new Swiper('.zs .mySwiper', {
            loop:true,
            slidesPerView:1,
            autoplay : true,
            pagination: {
                el: ".swiper-pagination",
                type: "bullets",
            },
        });
  </script>
 </body>
</html>